#container{
    overflow:hidden;
    width: 500px;
    margin-bottom:opx;
    padding-bottom:0px;           
}

.item{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width: 100%;
    padding-right:0px;
    padding-bottom:0px;
    
}

.caption{
    position:absolute;
    width:100%;
    color:white;  
    background:black;
    
    padding:10px;
    font-style: oblique;
    font-weight: 700;

    
}

.slide-caption {
    color:white;
    background:black;
    opacity:0.8;
    padding:10px;
    font-style: oblique;
    font-weight: 700;
}


.slider-item{
    padding-bottom:0px;

}


@media(min-width: 1000px){
    .item {
        height: 100vh;
    }
    img{
        object-fit: cover;
    }
}

@media screen and (max-width: 600px) {
#container {
    width: 300px;
}
}

@media screen and (max-width: 400px) {
#container {
    width: 250px;
}
}